<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>何为数据代理</title>
    <script src="../js/vue.js"></script>
</head>

<body>
    <!-- 数据代理:通过一个对象代理对另一个对象中属性的操作（读/写) -->
    <script>
    //配置完全局配置之后再创建Vue实例,关闭Vue的生产提示标识
    Vue.config.productionTip=false;
    let obj1={x:100};
    let obj2={y:200};
    Object.defineProperty(obj2,'x',{
        get(){
            return obj1.x;
        },
        set(value){
            obj1.x=value;
        }
    });
    </script>
</body>

</html>